*{box-sizing:border-box;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body {height: 100%; background:#f2f2f2;}
input,select,textarea,button{box-shadow:none; outline:none; resize:none; -webkit-appearance: none;}
.dflex{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.dflex .flex-1{width:1px; -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1;flex:1;}
.rflex{display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.rflex .flex-1{-webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1;}
.row-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column;}
.flex-1{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.flex-con{overflow: auto}

.header{width:100%; text-align: center; background:#62c3d0;}
.header .title{font-size:20px; height:50px; line-height:50px; text-align:center; color:#fff;}
.header .icon{width:50px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:15px;}
.header .icon i{width:50px; height:50px; line-height:50px;}
.header .icon i.back{font-size:32px;}

.overflow-touch{overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.text-overflow{overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}

.hide{display:none;}
